<template>
    <layout>
    	<!--头像信息-->
            <div class="header">我的  <a href="/setting"><i class="icon-shezhi"></i></a></div>

            <a href="/intro">
                <div class="mine-header">
                    <div class="main-l"><img :src="showImage(member.headImageUrl)" /></div>
                    <div class="main-c">
                        <div class="main_name">{{ member.name }}</div>
                        <div class="main_zye">性别: {{ sex }}</div>
                        <div class="main_addr">家庭地址：{{ member.address }}</div>
                    </div>
                    <div class="main-r icon-xiangyou"></div>
                </div>
            </a>



        <!--点赞 消息  -->
			<div class="mine_sum">
				<a class="icon-31haoyou"> <span>180</span>  </a>
				<a class="icon-chat"> <span>180</span> </a>
				<a class="icon-dianzan"> <span>180</span> </a>

			</div>

			<div class="list_a">
				<a class="mine-trachar" href="/member/children">
				<div class="left"><img src="http://img-test.zzyuu.com/edu/img/main_w.png" /></div>
                <div class="cont fast">
                    我的孩子
                <p class="icon-xiangyou"></p>
                </div>
			</a>

                <a class="mine-trachar" href="/member/guardian">
                    <div class="left"><img src="http://img-test.zzyuu.com/edu/img/main_l.png" /></div>
                    <div class="cont icon-xiangyou">
                        监护人列表
                    </div>
                </a>

                <a class="mine-trachar" href="/member/grow">
                    <div class="left"><img src="http://img-test.zzyuu.com/edu/img/main_c.png"  /></div>
                    <div class="cont fast icon-xiangyou">
                        成长轨迹
                    </div>
                </a>

                <a class="mine-trachar" href="/member/teacher">
                    <div class="left"><img src="http://img-test.zzyuu.com/edu/img/main_t.png"/></div>
                    <div class="cont icon-xiangyou">
                        我的老师
                    </div>
                </a>

                <a class="mine-trachar">
                    <div class="left"><img src="http://img-test.zzyuu.com/edu/img/main_s.png"  /></div>
                    <div class="cont fast icon-xiangyou">
                        投稿
                    </div>
                </a>

                <a class="mine-trachar" href="/member/collect">
                    <div class="left"><img src="http://img-test.zzyuu.com/edu/img/main_h.png" /></div>
                    <div class="cont icon-xiangyou">
                        我的互动
                    </div>
                </a>

                <a class="mine-trachar" href="/member/teacher/evaluate/list">
                    <div class="left"><img src="http://img-test.zzyuu.com/edu/img/main_p.png" /></div>
                    <div class="cont icon-xiangyou">
                        我的评语
                    </div>
                </a>

			</div>

    </layout>
</template>
<style lang="scss">
    @import "index.scss";
</style>
<script type="text/babel">
    import { api, image } from 'framework/config.js';
    import Layout from "component/layout/standard";

    import Vue from 'vue'
    import Mint from 'mint-ui';
    Vue.use(Mint);

    export default {
        components: {
            Layout
        },
        data(){
            return {

            }
        },
        computed: {
            api(){
                return api();
            },
            sex(){
                if (this.member.sex == 1){
                    return "男";
                } else if (this.member.sex == 2){
                    return "女";
                } else {
                    return "未知";
                }
            }
        },
        methods: {
            showImage(url, params){
                return image(this.api.image, url, params);
            },
        },
        created(){
        },
        mounted() {
        }
    }
</script>

